<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq入门</title>
    <script src="/static/jQuery-1.11/jquery-1.11.3.min.js"></script>
    <script>
        //console.log($);
        //使用原生JS
        window.onload = function(){
           var toggle = document.getElementById('toggle');
           var temp;
           toggle.onclick = function () {
                var div = document.getElementById("content");
                var content = div.innerHTML;
                if (content){//若存在文本
                    temp = content;
                    div.innerHTML = '';
                }else {//若不存在文本
                    div.innerHTML = temp;
                }
           }
        };
        //使用jQuery
        /*$(function () {
            $('#toggle').click(function () {
                $('#content').toggle(1000)
            })
        })*/
    </script>
</head>
<body>
<div id="content">
    【乘客#为少付1元车费致两公交相撞#：辱骂并拉拽驾驶员使公交车失控】5月7日16时18分，浙江宁波
    一男性乘客因不愿按规定缴纳车费，辱骂并强行拉拽驾驶员胳膊，致使正常行使中的公交车失控，穿过中间绿
    化带与对向行驶的公交车相撞。事故造成2名驾驶员和该肇事乘客受伤，无人员死亡。
</div>
<button id="toggle">切换</button>
</body>
</html>